Apparatus, method, and non-transitory computer-readable storage medium

ABSTRACT

This invention provides an apparatus use environment with higher flexibility and convenience. To achieve this, in a program including the first program layer with an instruction set to be interpreted and executed by a processor and the second program layer with an instruction set compiled in advance by a unit other than the processor, this invention controls to perform communication between an external device and the first program layer via the second program layer. Based on information about the external device received from the external device via communication, display contents of a display screen for using a function of the external device, which are displayed in the first program layer, are controlled.

BACKGROUND OF THE INVENTION

1. Field of the Invention

The present invention relates to control of a display screen provided by an apparatus which uses an external device.

2. Description of the Related Art

In recent years, portable multi-function terminals (to be referred to as mobile computers hereinafter) incorporating a camera function have become widespread, and far surpass digital cameras and conventional personal computers (to be referred to as PCs hereinafter) in sales.

Such mobile computer is basically formed from three elements, that is, hardware as the computer itself, an operating system (to be referred to as an OS hereinafter) operating on the hardware, and an application operating on the OS. By using the application, the user can use a function such as a map, mail, or browsing of a Web site on the Internet.

As examples of the form of such application operating on the mobile computer, there are mainly two application forms, that is, a native application and Web application. The features of each application form will be explained below.

The native application is developed by using a development environment and development language which are prepared for each OS. For example, the C/C++ language is used on an OS provided by company A, the Java® language is used on an OS provided by company B, and a different development language is used on an OS provided by company C. In general, the native application is compiled in advance in each development environment, and transformed from a so-called high-level language understandable by a human into instruction sets such as an assembler directly executable by the CPU of the computer. Thus, the general native application has an advantage that it is possible to perform an operation at high speed since the CPU directly executes instructions.

On the other hand, the Web application indicates an application operating on a Web browser which is normally incorporated in an OS on each computer in recent years. The application is generally developed by using a language such as HTML5, CSS, or JavaScript® so that the Web browser can interpret the application. These languages are Web standard languages. Therefore, if a Web application is described using the Web standard language, it can operate in any environment where the Web browser operates.

For example, Japanese Patent Laid-Open No. 2011-233034 discloses a technique of executing printing by a Web application operating on a Web Browser.

As described above, a recent mobile computer holds a camera of a high resolution. Since the mobile computer is carried every day, and includes a memory capable of storing about several thousand photos, the user can easily enjoy shooting a photo at a very high frequency. An application of performing filter processing of changing the shot image into a monochrome/sepia-toned image or image processing of correcting the brightness, color balance, and the like of the photo has become very important and essential to the user. When creating an application capable of readily providing such image processing to the user without any stress in each of the above two application forms, this may have the following advantages and disadvantages.

The native application has an advantage that it is possible to execute processing at high speed, as described above. However, it is necessary to develop the application using each development language different for each OS. This may increase the development cost and development time, thereby making it impossible to quickly provide the application to the user. Also, it is necessary to compile the native application in advance. Therefore, for example, it may be difficult to change the UI (User Interface) design of the application at the time of an operation, or dynamically add a function, resulting in a lack of flexibility.

As for the Web application, the main body of the Web application described in HTML5, CSS, or JavaScript generally exists on a server outside the mobile computer. Since the Web application is dynamically downloaded from the server to the mobile computer via an Internet line when using it, it is possible to dynamically change the UI design or the like without compiling the application in advance.

However, when executing advanced complex processing, there are only two choices about whether to execute the Web application on the browser by JavaScript or on the server under the security restrictions of the browser. Conventionally, JavaScript is described as a script of character strings perceivable by a human, and can be executed by compiling the script, as needed, at the time of operating the script. Consequently, if complex processing is described by JavaScript, the operation may be slowed down.

On the other hand, if the complex processing is executed by the server, the time is required to upload data such as photos existing in the mobile computer to the server via the Internet line, and download the result of the processing by the server from the server. In some cases, this arrangement cannot implement immediate processing with little stress on the mobile application.

In addition, the functions and applications of a printer vary depending on a model. For example, there are a printer having only the print function, and a printer having the scan function and copy function in addition to the print function. As use cases, there are a printer which is assumed to print a business document at a location such as an office, and a printer which is assumed to print a photo shot by a digital camera by a professional photographer. Although it is necessary to adapt a UI to the various kinds of printers, even if a UI covering all the functions of all the models can be created, many functions unnecessary for the user may be included and the UI may become complex. That is, it is desired to provide an optimum image processing experience to the user in accordance with the model and application of the printer.

At the zenith of the mobile computer which will come in the near future, it is desired to shorten the development period, and provide a versatile application form and development environment to the user.

SUMMARY OF THE INVENTION

The present invention has been made to solve the above problems, and provides an apparatus use environment with higher flexibility and convenience.

According to one aspect of the present invention, there is provided an apparatus comprising: a storage unit configured to store a program including a first program layer with an instruction set to be interpreted and executed by a processor and a second program layer with an instruction set compiled in advance by another apparatus other than the processor; a communication control unit configured to control to perform communication between an external device and the first program layer of the program stored in the storage unit via the second program layer of the program; and a display control unit configured to control display contents of a display screen for using a function of the external device, which are displayed in the first program layer, based on information about the external device received from the external device via communication by the communication control unit.

According to the present invention, it is possible to provide an apparatus use environment with higher flexibility and convenience.

Further features of the present invention will become apparent from the following description of exemplary embodiments (with reference to the attached drawings).

BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings, which are incorporated in and constitute a part of the specification, illustrate embodiments of the invention and, together with the description, serve to explain the principles of the invention.

FIG. 1 is a block diagram showing the arrangement of an information processing apparatus;

FIG. 2 is a block diagram showing the software arrangement of the information processing apparatus;

FIG. 3 is a flowchart illustrating processing associated with a user operation;

FIG. 4 is a flowchart illustrating details of photo image selection processing;

FIG. 5 is a flowchart illustrating details of image processing;

FIG. 6 is a flowchart illustrating details of stamp addition processing;

FIG. 7 is a flowchart illustrating details of stamp specifying processing;

FIG. 8 is a flowchart illustrating details of stamp operation processing;

FIG. 9 is a flowchart illustrating details of stamp setting processing;

FIG. 10 is a flowchart illustrating details of rendering processing;

FIG. 11 is a flowchart illustrating details of print processing;

FIG. 12 is a view showing an example of an application screen;

FIG. 13 is a view showing an example of a setting screen;

FIG. 14 is a view showing an example of a function selection screen;

FIG. 15 is a view showing an example of a function selection screen;

FIG. 16 is a view showing an example of a function selection screen;

FIG. 17 is a view showing an example of a function selection screen;

FIG. 18 is a view showing an example of a function selection screen;

FIG. 19 is a view showing an example of a function selection screen;

FIG. 20 is a view showing an example of a function selection screen; and

FIG. 21 is a view showing an example of a function selection screen.

DESCRIPTION OF THE EMBODIMENTS

Embodiments of the present invention will be described in detail below with reference to the accompanying drawings.

First Embodiment

In this embodiment, an arrangement in which a hybrid application (to be described later) is operated on an information processing apparatus, various kinds of image processing are applied to an image selected by the user, and then the image is printed will be explained.

<Description of Hardware Arrangement>

FIG. 1 is a block diagram showing a portable information terminal such as a smartphone or portable telephone as an information processing apparatus 115. Referring to FIG. 1, a CPU (Central Processing Unit/Processor) 100 executes various kinds of processing (to be described below) according to a program. There is one CPU 100 in FIG. 1 but a plurality of CPUS or CPU cores may be included. A ROM 101 stores a program to be executed by the CPU 100. A RAM 102 is a memory for temporarily storing various kinds of information at the time of execution of the program by the CPU 100.

A secondary storage device 103 such as a hard disk or flash memory is a storage medium for storing various programs and data such as files and databases which hold the processing results of image analysis and the like. A display 104 displays a UI (User Interface) for accepting operations for implementing various kinds of processing, and various kinds of information such as the processing result of executed processing. The display 104 may include a touch sensor 105.

The information processing apparatus 115 may include an internal image capturing device 110. Image data captured by the internal image capturing device 110 undergoes predetermined image processing, and is then saved in the secondary storage device 103. Image data may be loaded from an external image capturing device 111 connected via an external I/F 108.

The information processing apparatus 115 includes an external I/F 109, and can perform communication via a network 113 such as the Internet. The information processing apparatus 115 can acquire, via the external I/F 109, image data from servers 114 connected to the network 113.

The information processing apparatus 115 includes an acceleration sensor 106, and can acquire acceleration information about the position and orientation of the information processing apparatus 115. The information processing apparatus 115 is connected to a printer 112 via an external I/F 107, and can output data such as image data. The printer 112 is also connected to the network 113, and can transmit/receive image data via the external I/F 109.

Each of the external I/Fs 107 to 109 is an interface having at least one of a wired communication mode and wireless communication mode, and communicates with an external device (the printer 112 or server 114) in accordance with the communication mode used. For wired communication, for example, USB, Ethernet®, or the like is used. For wireless communication, a wireless LAN, NFC, Bluetooth, infrared communication, or the like is used. If a wireless LAN is used for wireless communication, there are a mode in which apparatuses are directly connected to each other and a mode in which apparatuses are connected to each other via a relay apparatus such as a wireless LAN router. Although the external I/Fs 107 to 109 are arranged separately, they may be integrally arranged.

A battery 117 supplies power necessary for the operation of the information processing apparatus 115. The various components of the information processing apparatus 115 are interconnected via a control bus/data bus 116, and the CPU 100 controls the various components via the control bus/data bus 116.

Note that in this embodiment, the information processing apparatus 115 serves as the execution location (software execution environment) of software such as a program executed by the controlling portion (CPU 100) of the information processing apparatus 115.

<Block Diagram of Software>

FIG. 2 is a block diagram showing the arrangement of software programs operating on the information processing apparatus 115.

The information processing apparatus 115 implements a program of a script layer 217, native layer 218, and OS layer 219. Each layer is implemented when the CPU 100 reads out and executes the corresponding program stored in the ROM 101 or secondary storage device 103.

The script layer 217 is a program layer in which an instruction set (drawing of a content, display of an image, playback of a moving image, and the like) is described by text data using a Web standard language such as HTML5, CSS3, or JavaScript. In this script layer 217, in an application execution environment, various instruction sets of text data are interpreted and executed using a processor (for example, the CPU 100) existing in the application execution environment. For example, there may be a form in which statements are dynamically interpreted line by line every execution operation, a form in which statements are interpreted when activating an application, and a form in which statements are interpreted when installing an application in the information processing apparatus 115.

Processing in the script layer 217 and its contents will be referred to as a script hereinafter. As an example of a form in which the instructions of the script are interpreted in the information processing apparatus 115, the interpreter function included in the native layer 218 or OS layer 219 is used. Note that in this embodiment, a large portion of the UI of the application is assumed to be described in the script layer 217.

The native layer 218 is a portion of executing an instruction set compiled in advance in an environment other than the application execution environment. In the native layer 218, a code described in a high-level language such as C or C++ is compiled in advance on the server or the PC of the developer of the application into an aggregate of instructions interpretable by the CPU 100. Processing in the native layer 218 and its contents, and calling of the function of the OS layer 219 (to be described later) from the native layer 218 will be referred to as “native” hereinafter. Note that an example of another implementation system of the native layer 218 is Java. Java is a high-level language similar to C/C++, and is compiled in advance into an intermediate code in the development environment at the time of development of the application. The compiled intermediate code operates in the Java virtual environment of each OS. In this embodiment, such program form is also regarded as a kind of native layer 218.

The OS layer 219 corresponds to the operating system (OS) of the information processing apparatus 115. The OS layer 219 has a unique function and a role of providing the use of the hardware function to the application. The OS layer 219 includes an API. The function of the OS layer 219 can be used from the script layer 217 and native layer 218.

In this embodiment, allowing calling of the native layer 218 from the script layer 217 will be referred to as “binding” or “bind”. The native layer includes an API, and the various functions of the native layer can be used when the API calls the script. In general, this binding function is normally included in each of various OSs.

Note that in this embodiment, the application including the script layer 217 and native layer 218 will be referred to as a hybrid application.

An image acquisition portion 201 of the script layer 217 requests the native layer 218 to acquire image data. At the time of the acquisition request, the image acquisition portion 201 generates a unique ID, and transmits it to the native layer 218. This ID and the image data loaded by an image loading portion 202 of the native layer 218 are stored in a pair in a data holding portion 204 of the native layer 218. In addition, for example, a method of designating an absolute path, a method of prompting display of a dialog, or the like can be used.

The image loading portion 202 of the native layer 218 acquires the image data from an image data group 215. A method of acquiring the image data from the image data group 215 depends on the request of the image acquisition portion 201 of the script layer 217. The request method may be selected from a dialog box provided on the UI, or an image may be directly selected based on the path of a file.

A data transforming portion 203 of the native layer 218 transforms data in the native layer 218 into data in a format usable in the script layer 217. On the other hand, the data transforming portion 203 also transforms data sent from the script layer 217 into a format usable in the native layer 218.

A data transforming portion 207 of the script layer 217 transforms data in the script layer 217 into data in a format usable in the native layer 218. On the other hand, the data transforming portion 207 also transforms data sent from the native layer 218 into a format usable in the script layer 217.

The data holding portion 204 of the native layer 218 holds the image data loaded by the image loading portion 202 and image data having undergone image processing by an image processing portion 208. The held image data is rasterized into, for example, an RGB image signal, and has a format in which it is possible to immediately execute image processing. The held image data is paired with the ID generated by the image acquisition portion 201 of the script layer 217. Thus, it is possible to acquire the corresponding image data from the data holding portion 204 by designating the ID.

A content drawing portion 205 of the script layer 217 displays, on the display 104, the image data acquired via the data transforming portion 203 of the native layer 218. The content drawing portion 205 re-draws image data operated by a content operating portion 210. The content operating portion 210 operates the image data in the script layer 217. Examples of this operation are enlargement, movement, and rotation of the image data. The content drawing portion 205 describes a content to be printed by using a Web standard language. The script operated by the content operating portion 210 is also reflected on the description. The script of the content described by the content drawing portion 205 is interpreted by an interpreter 214 of the OS layer 219, and displayed on the display 104.

An image processing controlling portion 206 decides a correction parameter to be used for image processing, and requests the image processing portion 208 of the native layer 218 to perform image processing. First, the image processing controlling portion 206 sets a correction parameter in the script layer 217. In the data transforming portion 207, the set correction parameter is transformed into a format transmittable to the native layer 218. The transformed correction parameter is then transmitted to the native layer 218 together with the ID of image data to be processed.

The image processing portion 208 of the script layer 217 acquires an image corresponding to the ID designated by the image processing controlling portion 206 from the data holding portion 204 of the native layer 218, and performs image processing. At this time, image processing to be performed is decided based on the correction parameter set by the image processing controlling portion 206.

A touch event 209 of the OS layer 219 acquires information about a touch of the display 104. The information about a touch includes, for example, touch detection of the display 104 and touched position information. The acquired information about a touch is transmitted to the content operating portion 210 of the script layer 217 via the native layer 218.

A printer controlling portion 211 of the script layer 217 controls a rendering start request to a rendering portion 216, a printer detection request, display of a printer setting screen, and generation and transmission of print information. In the printer setting screen, printer settings such as a paper size, paper type, and color/monochrome are made. A printer data generation portion 212 generates printer data based on the items set in the printer setting screen.

Based on the request from the printer controlling portion 211, the printer data generation portion 212 generates a command and data necessary for printer communication. The data necessary for printer communication is data complying with a communication protocol, and the command is data for deciding the operation of the printer such as printing or scanning.

A printer communication portion 213 of the OS layer 219 transmits the printer data received from the printer data generation portion 212 to the connected printer 112, and receives information about the printer 112 from the printer 112. The interpreter 214 of the OS layer 219 interprets/executes an instruction generated in the script layer 217. For example, an instruction of drawing an image or the like is executed via the interpreter 214 and displayed on the display 104.

The image data group 215 is an area which holds image data. An image saving portion 220 saves image data held in the data holding portion 204 in the image data group 215, as needed.

The rendering portion 216 controls the content drawing portion 205, image processing controlling portion 206, and content operating portion 210 to render the image data to be processed. This rendering operation includes, for example, generation of an image of an output resolution in the script layer 217. At this time, neither the rendering result nor the image currently generated is displayed on the display 104. The rendering result is transmitted to the data transforming portion 203 of the native layer 218, and transformed into image data in a format usable by the printer 112.

<Processing Associated with User Operation>

FIG. 3 is a flowchart illustrating processing including a user operation. An overview of each of processes in steps S21 to S28 will be explained with reference to FIG. 3 and details thereof will be described later. The processing shown in FIG. 3 is implemented when the CPU 100 of the information processing apparatus 115 executes a program stored in the ROM 101 or secondary storage device 103. Each step shown in FIG. 3 transits according to a user operation on an application screen 1200 as a UI shown in FIG. 12. This application screen 1200 is generated by the script layer 217. An operation on the application screen 1200 is implemented via, for example, the touch sensor 105.

In step S21, upon detecting a user operation (including a touch operation, the same shall apply hereinafter) on a photo image selection button 1201 of the application screen 1200, the CPU 100 selects an arbitrary image in accordance with the operation. After the image is selected, the CPU 100 displays the selected image on an entire drawing area 1206 of the application screen 1200.

In step S22, upon detecting a user operation on a slide bar 1202 for adjusting the luminance of the displayed image, the CPU 100 sets a correction parameter to be used for image processing in accordance with the user operation. The CPU 100 performs the image processing for the displayed image according to the set correction parameter, and displays processing contents and a processing result in the drawing area 1206.

In step S23, upon detecting a user operation on a stamp addition button 1203, the CPU 100 displays a stamp list 1207. Upon detecting selection of a stamp by a user operation on the stamp list 1207, the CPU 100 adds/displays the selected stamp in the drawing area 1206.

In step S24, the CPU 100 specifies a stamp in accordance with a user operation on the application screen 1200. The stamp specifying operation is performed to determine whether the stamp has been touched, based on coordinates touched by the user operation on the display 104 and the coordinates of the stamp. If the stamp has been touched, the stamp is set in an operation acceptance status. In this example, the stamp is set in the operation acceptance status in response to the user operation. The operation acceptance status will be described later.

In step S25, upon detecting a user operation on a slide bar 1204 for rotating the stamp in the operation acceptance status, the CPU 100 rotates the stamp in the operation acceptance status as a stamp operation in accordance with the user operation.

In step S26, upon detecting a user operation on a print button 1205, the CPU 100 displays a setting screen 1301 (FIG. 13) for setting information necessary for printing. The information necessary for printing includes, for example, a paper size, paper type, print quality, bordered/borderless setting item, as shown in the setting screen 1301 of FIG. 13. In addition, settable setting items such as double-sided/single-sided and monochrome/color are provided depending on the functions of the printer to be used.

In step S27, upon detecting a user operation on a setting completion button 1302 of the setting screen 1301, the CPU 100 executes rendering to transform the image displayed in the drawing area into a print resolution for output to the printer.

In step S28, the CPU 100 transmits the image transformed into the print resolution to the printer 112 together with a printer control command to print the image by the printer 112.

Note that minimum steps are indicated in the processing shown in FIG. 3 for the sake of simplicity. However, processing contents are not limited to them, and the processing order of the steps is not limited to this. In this embodiment, the first program layer including an instruction set to be interpreted and executed by the processor is defined as the script layer 217, and the second program layer including an instruction set compiled in advance by a portion other than the processor is defined as the native layer 218. A program including the first program layer and the second program layer implements a hybrid application. Character string data is defined as the first format and binary data is defined as the second format.

<Selection of Printer>

First, when an application for implementing the processing shown in FIG. 3 is activated by a user operation, the application performs discovery processing (not shown) of a connectable external device (the printer 112). The discovery processing indicates processing of specifying the IP address of the connectable printer 112 in the network 113 in which the information processing apparatus 115 exists.

The information processing apparatus 115 can transmit an instruction to acquire attribute information of various printers to the IP address (in some cases, a plurality of IP addresses) acquired by the discovery processing, and acquires a reply.

More specifically, in the native layer 218, the information processing apparatus 115 generates a command for acquiring information of each printer. The command is an instruction to designate the operation of the printer, and expressed in XML given by:

<?xml version=“1.0” encoding=“utf-8” ?> <cmd xmlns:trans=“http://www.trans/example/”>  <contents>   <operation>GetInformation</operation>  </contents> </cmd>

The generated command is broadcast to network devices (for example, routers connected by Wi-Fi®) on the network in a format complying with the communication protocol of the printer. The communication method may be a Wi-Fi Direct mode or a mode of using a telephone line. The present invention, however, is not limited to them. As a result of transmitting the command, the native layer 218 receives a response from the printer. The received response is exemplarily expressed in XML given by:

<?xml version=“1.0” encoding=“utf-8” ?> <cmd xmlns:trans=“http://www.trans/example/”>  <contents>   <PrinterName>PrinterA</PrinterName>   <ImageProcGrp>A</ImageProcGrp>  </contents> </cmd>

The simple example is shown above. By using the PrinterName tag, a printer name can be acquired.

A model name acquired in the native layer 218 can be transmitted to the script layer 217, thereby displaying a list of printers by a virtual code given by:

<form name=“frmPrinter”>  <select name=“selPrinter”>  </select> </form> <script type=“text/javascript”>  Function fAddPrinter(PrinterName, count){   var sObj=document.forms[“frmPrinter”].elements[“selPrinter” ];   for (var i=0; i<count; i++){    var idx=sObj.length;    sObj.options[idx]=new Option(PrinterName[i]);   }  } </script>

The “select” tag is a description for displaying the list. The JavaScript code described in the script tag allows addition of acquired printer names (which are stored as the PrinterName array) to the list.

FIG. 15 shows a pull-down menu 1501 including the list of printers which is displayed on the display 104 by interpreting, by the interpreter 214, the virtual code generated in the script layer 217. When the user selects a desired printer, an ID indicating the ordinal number of the list can be acquired. After selecting the printer, the user transits to an operation of selecting a photo image.

<Details of Photo Image Selection Processing>

Details of the photo image selection processing in step S21 of FIG. 3 will be described with reference to FIG. 4.

In step S301, the CPU 100 generates a unique ID in the script layer 217. This ID may have any form such as a numerical value or character string as long as it can be transmitted from the script layer 217 to the native layer 218. In step S302, in the script layer 217, the CPU 100 requests the native layer 218 to select an image in accordance with a user operation on the photo image selection button 1201 together with the generated ID. As a request method, the binding function is used to call an image selection API unique to the native layer 218 from the script layer 217. A function capable of being directly called from the script layer 217 or a so-called wrapper of indirectly calling the function is prepared in advance in the native layer 218.

In step S303, in the native layer 218, the CPU 100 displays a device-specific image selection UI on the display 104. Based on a user operation on the displayed image selection UI, one arbitrary image is selected. In the image selection processing, for example, one image is selected from a folder managed in the information processing apparatus 115. The present invention, however, is not limited to this. For example, an image on the Internet or an image in a detachable storage medium may be selected, or an image shot using the internal image capturing device 110 of the information processing apparatus 115 may be acquired.

In step S304, in the native layer 218, the CPU 100 acquires the selected image. If, for example, the selected image is in the form of an image file, the CPU 100 opens the file, and reads out its contents. In step S305, in the native layer 218, the CPU 100 rasterizes the acquired image into an RGB image. In step S306, in the native layer 218, the CPU 100 holds the rasterized RGB image in the data holding portion 204 in association with the ID acquired from the script layer 217. As an association method, for example, an object having the ID and RGB image is created to make it possible to specify the RGB image by the ID. An association method is not limited to this, and a path as the access destination of the ID and the selected image, a function or class to be executed in accordance with the ID and RGB rasterization, and the like can be used.

In step S307, in the native layer 218, the CPU 100 transforms the rasterized RGB image into data in a format interpretable in the script layer 217. In this embodiment, the transformed data format is JPEG (Joint Photography Expert Group). In step S308, in the native layer 218, the CPU 100 transforms the data in the JPEG format into base64 data, and transmits the base64 data to the script layer 217. This is done because the data array of the RGB image cannot be used intact in the script layer 217, and it is thus necessary to transform, in the native layer 218, the data array into a format usable in the script layer 217. Since only a character string can be used in JavaScript®, the base64 format which represents data as a character string is used in this embodiment.

In step S309, in the script layer 217, the CPU 100 receives the base64 data transformed in the native layer 218, and reserves a drawing area for displaying the base64 data in the RAM 102. In this embodiment, as an example of reserving the drawing area, the HTML canvas function is used, and the API of the Context object of a canvas is used to draw an image.

In step S310, in the script layer 217, the CPU 100 generates and initializes a correction parameter. The correction parameter is an object holding parameters for deciding contents of the image processing in step S22. An example of the correction parameter held by JavaScript® is:

var CorrectionParam = function( ){  this.brightness = 0; }

This correction parameter represents that a variable “brightness” is provided for brightness correction in a CorrectionParam object and a value of 0 is stored.

In this embodiment, for the sake of simplicity, the correction parameter only for brightness (luminance) correction is used. However, parameters (the intensity of a blur filter, ON/OFF of a sepia transform, and the like) for other correction processes may be added.

In step S311, in the script layer 217, the CPU 100 designates base64 data as data to be drawn in the drawing area, thereby drawing an image in the drawing area according to the designation. More specifically, the interpreter 214 interprets the script of the base64 data, and displays it as an image in the drawing area. An example of a sample code of reflecting the base64 data on the drawing area is:

var base64Data = base64 data from native layer var canvas = document.createElement(“canvas”); //reserve the drawing area of an image canvas.setAttribute(“width”, 100);   //set the size of the drawing area canvas.setAttribute(“height”, 100); var context = canvas.getContext(“2d”); //generate an object having an API to be drawn in the drawing area var img = new Image( );  //generate an Image object img.src = base64Data;  //set the received base64 data as the URI of the image img.onload = function( ){ //start processing after the end of loading of the image context.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height); //draw the image in the drawing area using a method of a context object document.getElementById(“div”).appendChild(canvas); //This flowchart assumes a layer structure of many canvases. These canvases do not freely exist everywhere, and drawing, moving, and enlargement operations are performed within a specific area (the drawing area 1206 of Fig. 12). The area is designated by “div”, and each canvas is added to “div”. }

<Details of Image Processing>

Details of the image processing in step S22 of FIG. 3 will be described with reference to FIG. 5.

In step S401, in the script layer 217, the CPU 100 sets the correction parameter. In this example, the CPU 100 updates the value of “brightness” of the correction parameter generated in step S310 of FIG. 3 by a value set in accordance with a user operation on the slide bar 1202. In step S402, in the script layer 217, the CPU 100 activates an indicator, and displays it on the display 104. The indicator is displayed to notify the user that the processing is in progress, and is generally represented by a progress bar, a clock mark, or an image such as flickering or rotation of a figure. In step S403, in the script layer 217, the CPU 100 transforms the set correction parameter into a format usable in the native layer 218. In this example, the correction parameter is in the form of an object, and cannot be used intact in the native layer 218. Thus, the CPU 100 transforms the set correction parameter into a JSON character string. The CPU 100 transmits the correction parameter transformed into the JSON character string to the native layer 218 together with the ID generated in step S301 of FIG. 3.

In step S404, in the native layer 218, the CPU 100 decodes the correction parameter transformed into the JSON character string, thereby acquiring the correction parameter. More specifically, the correction parameter is parsed using a parser included in the OS layer 219. In the above example, after the parsing processing, “brightness” of the correction parameter is acquired.

In step S405, in the native layer 218, the CPU 100 specifies the RGB image rasterized in step S305 of FIG. 3 based on the ID acquired from the script layer 217. Note that association between the ID and the image is not limited to paring the ID and the RGB image, as described above. For example, a method of associating the path of the image with the ID may be used. There are various examples to be associated with the ID, such as an object of the native layer 218, the first address of image data, and a function of calling the image.

In step S406, in the native layer 218, the CPU 100 determines image processing to be performed based on the acquired correction parameter, and performs the image processing for the RGB image. In this embodiment, a value of 10 is added to the R, G, and B values of all pixels according to the brightness correction parameter.

In step S407, in the native layer 218, the CPU 100 transforms the RGB image having undergone the image processing into data in a format interpretable in the script layer 217. In this example, the CPU 100 transforms the RGB image into data in the JPEG format, similarly to step S307 of FIG. 3. In step S408, in the native layer 218, the CPU 100 requests the script layer 217 to stop the indicator. This is implemented by calling an indicator stop function defined in the script layer 217 from the native layer 218.

In step S409, in the script layer 217, the CPU 100 stops the indicator, and removes the indicator displayed on the display 104.

On the other hand, in step S410, in the native layer 218, the CPU 100 transforms the transformed data in the JPEG format into base64 data, and transmits the base64 data to the script layer 217.

In step S411, in the script layer 217, the CPU 100 receives the base64 data transformed in the native layer 218, and draws an image in the drawing area reserved in step S309 of FIG. 3 in accordance with the base64 data. When this image is interpreted in the OS layer 219, it is displayed in the designated display area.

In selection of an image processing function, in this embodiment, as shown in FIG. 14, a list of usable image processing functions is displayed in a function selection screen 1400 including a pull-down menu 1401, and then the user can select desired processing.

In the pull-down menu 1401, “ImageFix” indicates a function (face detection function) of automatically analyzing a photo image using a human face detection or scene analysis portion, and performing appropriate brightness/white balance adjustment (see Japanese Patent Laid-Open No. 2010-278708), “RedeyeFix” indicates a function (red eye detection function) of automatically detecting a red eye image from images and correcting it (see Japanese Patent Laid-Open No. 2006-350557), “SmartSkin” indicates a function of detecting a human face from a photo image, and preferably processing the skin region of the face (see Japanese Patent Laid-Open No. 2010-10938), “Mono” indicates a monochromatic processing function of performing a known monochrome transform, and “Sepia” indicates a sepia processing function of performing a known sepia transform. Note that the types of image processing functions are not limited to those shown in FIG. 14, and various kinds of image processing can be used in accordance with the application and purpose.

At this time, in this embodiment, in response to an attribute information acquisition instruction, an image processing group usable by the printer 112 is acquired from the printer 112. If the image processing group can be acquired, a usable image processing display script is controlled in the script layer 217 by:

<form name=“frmIProc”>  <select name=“selIProc”>  </select> </form> <script type=“text/javascript”>  Function fAddImageProc(Grp){   var sObj=document.forms[“frmIProc”].elements[“selIProc”];  if(Grp=“A”){   var idx=sObj.length;   sObj.options[idx]=new Option(“ImageFix”);   var idx=sObj.length;   sObj.options[idx]=new Option(“RedEyeFix”);   var idx=sObj.length;   sObj.options[idx]=new Option(“SmartSkin”);   var idx=sObj.length;   sObj.options[idx]=new Option(“Mono”);   var idx=sObj.length;   sObj.options[idx]=new Option(“Sepia”);   }  Else if (Grp=“B”){   var idx=sObj.length;   sObj.options[idx]=new Option(“Mono”);   var idx=sObj.length;   sObj.options[idx]=new Option(“Sepia”);  }  } </script>

In the above script operation, selectable image processing functions are switched in accordance with the acquired image processing group. A case in which there are a single-function printer having only the print function and a multi-function printer having functions other than the print function as image processing groups will be described.

If the image processing group is the single-function printer, a function selection screen 1600 including a print button 1601 for printing and a pull-down menu 1602 including a selectable image processing function list at this time is displayed, as shown in FIG. 16. Each image processing function has been explained above and a description thereof will be omitted.

If the image processing group is the multi-function printer, a function selection screen 1700 including a print button 1701 for printing and a scan button 1702 for scanning is displayed, as shown in FIG. 17. Furthermore, a pull-down menu 1703 including a selectable image processing function list at this time is displayed in the function selection screen 1700. The functions “ImageFix”, “RedeyeFix”, “SmartSkin”, “Mono”, and “Sepia” of the image processing function list have been described above and a description thereof will be omitted. As a new function, “BackDestruct” for removing the paper color of a document and a show-through portion is provided. Furthermore, the list includes “MoireReduct” for reducing moire which occurs at the time of reading a document, and “DustReduct” for removing a flaw or dust attached to a document.

Note that the multi-function printer may have functions other than the print and scan functions. Furthermore, the image processing functions selectable at the time of printing by the multi-function printer and the image processing functions selectable at the time of scanning by the multi-function printer are not limited to those described in this embodiment. The image processing functions at the time of printing by the single-function printer may be different from those at the time of printing by the multi-function printer.

The above script is interpreted by the interpreter 214 held in the OS layer 219, and drawn on the screen.

When the user selects a desired image processing function, it is possible to determine an image processing ID for identifying the selected image processing function by using an HTML function. This image processing ID is transmitted to the native layer 218, and the image processing portion 208 applies image processing corresponding to the selected image processing function. Note that a detailed description of each image process will be omitted.

FIG. 16 shows an example in which image processes selectable by the user are narrowed down and displayed in accordance with the type of printer. Note that a display method is not limited to this. For example, although image processing inappropriate for the performance of the information processing apparatus 115 is selectably displayed, a warning document or a display item such as a warning mark may be displayed. The display item or warning document may be displayed before the user selects the image processing or displayed in response to a selection operation by the user.

Furthermore, if, for example, a program necessary for specific image processing is not installed, image processing unexecutable by the information processing apparatus 115 may be excluded from options for the user, and a warning may be given for image processing inappropriate for the information processing apparatus 115.

<Details of Stamp Addition Processing>

Details of the stamp addition processing in step S23 of FIG. 3 will be described with reference to FIG. 6. In this example, a case in which a heart stamp 1208 is selected after the stamp addition button 1203 of the application screen 1200 shown in FIG. 12 is pressed by a user operation and the stamp list is displayed will be exemplified.

In step S501, in the script layer 217, the CPU 100 generates a unique ID. This ID has the same characteristic as that of the ID generated in step S301 of FIG. 3. In step S502, in the script layer 217, the CPU 100 transmits the access destination (absolute path) of an image to be used as a stamp to the native layer 218 together with the generated ID, thereby requesting to select the stamp image corresponding to the stamp.

In step S503, in the native layer 218, the CPU 100 acquires the stamp image using the absolute path of the stamp image received from the script layer 217 and a device-specific image selection API. In step S504, in the native layer 218, the CPU 100 rasterizes the acquired stamp image into an RGB image. In step S505, in the native layer 218, the CPU 100 holds the rasterized RGB image in the data holding portion 204 in association with the ID acquired from the script layer 217. An association method is the same as that in step S306 of FIG. 3. In step S506, in the native layer 218, the CPU 100 transforms the rasterized RGB image into data in a format interpretable in the script layer 217. In this transform processing, the CPU 100 transforms the RGB image into data in the JPEG format, similarly to step S307 of FIG. 3. In step S507, in the native layer 218, the CPU 100 transforms the data in the JPEG format into base64 data, and transmits the base64 data to the script layer 217.

In step S508, in the script layer 217, the CPU 100 receives the base64 data transformed in the native layer 218, and reserves a drawing area for displaying the base64 data in the RAM 102. In step S509, in the script layer 217, the CPU 100 generates and initializes an object parameter. Note that the object parameter is an object for holding parameters to be used, at the time of the rendering processing in step S27 of FIG. 3, to decide the rotation angle of the stamp after the rendering processing. An example of the object parameter held by JavaScript® is:

var ObjectParam = function( ){  this.theta = 0;  this.posX = 0;  this.posY = 0;  this.width = 100;  this.height = 100; }

This object parameter represents that a variable “theta” indicating the rotation angle is provided in an ObjectParam object and a value of 0 is stored in “theta”. Similarly, “posX” represents an x-coordinate when the upper left corner of the drawing area is set as a reference point, “posY” represents a y-coordinate when the upper left corner of the drawing area is set as a reference point, “width” represents the lateral width of the drawing area, and “height” represents the longitudinal width of the drawing area. Note that the object parameter is minimized in this embodiment for the sake of simplicity. However, it is apparent that other parameters (translation amount, enlargement magnification, and the like) can be added and used at the time of drawing or rendering.

In step S510, in the script layer 217, the CPU 100 displays the base64 data as an image in the drawing area 1206 based on the generated object parameter. Note that one stamp is selected in this embodiment for the sake of simplicity. However, a plurality of stamps can be selected. In addition, an image prepared in advance is used as a stamp in this embodiment. However, a method of generating, in the script layer, an object to be drawn by using a Context object may be used.

<Details of Stamp Specifying Processing>

Details of the stamp specifying processing in step S24 of FIG. 3 will be described with reference to FIG. 7.

In step S601, in the native layer 218, the CPU 100 acquires coordinates touched on the display 104, and transmits them to the script layer 217.

In step S602, in the script layer 217, the CPU 100 determines whether the stamp added in step S23 of FIG. 3 has been touched, based on the coordinates received from the native layer 218 and information of the object parameter generated in step S509 of FIG. 6. In the added stamp, the object parameter includes the initial values. Therefore, according to the above example of the object parameter, the stamp is drawn in an area of 100 in the x direction and 100 in the y direction with reference to (0, 0) set at the upper left corner of the drawing area 1206. If, therefore, a value obtained by subtracting the x-coordinate of the drawing area 1206 from the x-coordinate of the received coordinates (x, y) falls within the range from 0 to 100, and a value obtained by subtracting the y-coordinate of the drawing area 1206 from the y-coordinate of the received coordinates (x, y) falls within the range from 0 to 100, it can be determined that the stamp has been touched. If it is determined that the stamp has been touched, the stamp is set in the operation acceptance status. The following description will be provided by assuming that the stamp added in step S23 has been touched.

In step S603, in the script layer 217, the CPU 100 sets the stamp in the operation acceptance status in accordance with the determination result. Setting the stamp in the operation acceptance status is equivalent to temporarily recording the ID of the touched stamp as a stamp ID of interest in the script layer 217. Since images and IDs are stored in pairs in the data holding portion 204, if only an ID is grasped, it is possible to specify a unique image.

<Details of Stamp Operation Processing>

Details of the stamp operation processing in step S25 of FIG. 3 will be described with reference to FIG. 8.

In step S701, in the script layer 217, the CPU 100 updates the value of “rotate” of the object parameter of the stamp. For example, the CPU 100 updates the value by a value set using the slide bar 1204 of FIG. 12. In step S702, in the script layer 217, the CPU 100 re-draws the stamp set in the operation acceptance status in step S603 of FIG. 7 in the drawing area 1206 by using the object parameter. If, for example, the stamp image is drawn in an HTML canvas, it is possible to rotate the image in the canvas by using the rotate method of the Context object of the canvas.

Note that an operation of the stamp is only rotation in this embodiment. However, other operations such as enlargement/reduction and translation may be possible. It is also apparent that if a photo image has an object parameter, the same operation as the stamp operation is possible.

<Details of Printer Setting Processing>

Details of the printer setting processing in step S26 of FIG. 3 will be described with reference to FIG. 9.

In step S801, in the script layer 217, the CPU 100 requests the native layer 218 to acquire printer information as device information. This is equivalent to a request from the script layer 217 for communicating with the printer 112. As a request method, an API unique to the native layer is called from the script layer by using the binding function, similarly to the image selection processing. A function capable of being directly called from the script layer 217 or a so-called wrapper of indirectly calling the function is prepared in advance in the native layer 218. For example, a native function GetPrinterinfo is prepared, and called from the script side. In this way, the native layer acquires a request to communicate with an external device from the script layer.

In general, it is impossible to directly communicate with an external device from the script layer 217 under the security restrictions. Therefore, as described above, the script layer 217 requests the native layer 218 to acquire external device information, and then communicates with an external device via the native layer 218. The native layer 218 has a function of communicating with an external device (for example, the printer 112) via the OS layer 219.

In step S802, in the native layer 218, the CPU 100 calls a function for acquiring the printer information in accordance with the request from the script layer 217, and performs detection of a printer, that is, so-called discovery. As an example of a detection method, a printer connected via the same wireless LAN router is detected. In this example, since detection of a communicable printer is performed, the CPU 100 requests a response by a broadcast or multicast method by a protocol such as Bonjour, and stands by for a response from a printer, thereby detecting the printer.

In step S803, in the native layer 218, the CPU 100 stores an IP address included in the response from the printer 112. In step S804, in the native layer 218, the CPU 100 transmits a printer information acquisition command as a device information acquisition command to the printer 112 corresponding to the stored IP address. If there are a plurality of printers 112 which have responded, the CPU 100 transmits the printer information acquisition command to each of all the printers 112. The printer information acquisition command is an instruction to designate the operation of the printer, and its example is expressed in XML given by:

01: <?xml version=“1.0” encoding=“utf-8” ?> 02: <cmd xmlns:trans=“http://www.xxxx/yyyyy/”> 03:  <contents> 04:   <operation>GetCapability</operation> 05:  </contents> 06: </cmd>

A numerical value such as “01:” written in the left portion of each line is a line number added for the descriptive purpose, and is not described in actual text data in the XML format.

The first line indicates a header representing that the command is described in the XML format.

On the second line, “cmd” indicates the start of the command. A name space is designated by “xmlns” to designate the definition of interpretation of the command. Note that </cmd> on the sixth line indicates the end of the command.

The third line indicates a declaration of describing contents thereafter, and the fifth line indicates the end of the contents.

On the fourth line, an instruction to be requested is described. An actual instruction word exists between <operation> and </operation>. An instruction word “GetCapability” is an instruction of acquiring information of a printer as an external device. For example, it is requested to provide capability information such as a paper type, a size, the presence/absence of a borderless print function, and the print quality supported by the printer.

Note that a printer information acquisition command may be generated by, for example, loading permanent text stored in advance in the ROM 101. Also, the format is not limited to the text format such as XML, and the command may be described in the binary format, and communicated by a protocol complying with the format. The generated printer information acquisition command is transmitted to the printer 112 via the printer communication portion 213 in a format complying with a communication protocol such as HTTP supported by the printer.

A communication method is not limited to this. Connection using Wi-Fi® Direct, Bluetooth®, infrared communication, telephone line, wired LAN, or USB may be used. By performing communication by a protocol complying with the method, it is possible to obtain the same effects.

Referring to FIG. 9, a printer information acquisition command is generated in the native layer 218. However, even if a printer information acquisition command is generated in the script layer 217, it is possible to obtain the same effects. In this case, in the script layer 217, a printer information acquisition command including the above statement in the XML format is created in the script layer 217, and transferred to the native layer 218. Upon receiving the statement, the native layer 218 transmits the printer information acquisition command to the printer 112 in a format complying with a communication protocol.

Upon receiving the printer information acquisition command from the information processing apparatus 115, the printer 112 transmits the printer information as device information in the XML format to the information processing apparatus 115 according to the communication protocol. An example of the printer information is given by:

01: <?xml version=“1.0” encoding=“utf-8” ?> 02: <cmd xmlns:trans=“http://www.xxxx/yyyyy/”> 03:  <contents> 04:   <device id=”Printer001” /> 05:   <mode = 1> 06:    <media>GlossyPaper</media> 07:    <size>A4</size> 08:    <quality>1</quality> 09:    <border>no</border> 10:   </mode> 11:   <mode = 2>   ...   </mode>   <mode = 3>   ...   </mode>   ...  </contents> </cmd>

The first line indicates a header representing that the information is described in the XML format.

On the second line, “cmd” indicates the start of the command. A name space is designated by “xmlns” to designate the definition of interpretation of the command. Note that </cmd> on the last line indicates the end of the command.

The third line indicates a declaration of describing contents thereafter, and the contents are continuously described up to </contents>.

The fourth line indicates a device ID. In this example, the model name of the printer 112 is “Printer001”.

On the fifth line and subsequent lines, the respective modes of the printer 112 are described. Information in one mode is described between <mode> and </mode>. On the fifth line, the number of a mode is 1. After that, <media> describes the type of printing paper, <size> describes a paper size, <quality> describes the print quality, and <border> describes bordered/borderless information.

On the 11th line and subsequent lines, information about mode 2 as another mode is described. In this way, the model name of the printer 112 and all the modes supported by the printer are described in the XML data.

Note that a method of describing printer information is not limited to this. The printer information may be described in another format such as a binary format or a text format which is not a tag format.

In step S805, in the native layer 218, the CPU 100 receives the printer information from the printer 112. In the native layer, the CPU 100 acquires, from the received printer information, a printer function list including terms of the type and size of printing paper, the print quality, and bordered/borderless and a term count in each of all the modes of the printer 112.

In step S806, in the native layer 218, the CPU 100 transforms the received printer information into a format interpretable in the script layer 217, and transmits the transformed information to the script layer 217. That is, the information obtained by communication with the printer 112 is transferred to the script layer 217. More specifically, the native function is provided, and the binding function is used. The native function is called from the script layer 217, and the information is transferred as a return value. By setting a mode to be acquired or the like as an argument, the script layer 217 may receive the return value of the mode. As another example, there is a method of transmitting the received printer information in the XML format, or transmitting the printer information by transforming it in a text format without any tag. In addition, the information may be transferred by using the above-described JSON character string, or transferred by a character string such as base64 by using the data transforming portions 207 and 203.

In step S807, in the script layer 217, the CPU 100 forms a setting screen (FIG. 13) including functions usable by the printer 112 based on the printer information received from the native layer 218, and displays the setting screen. This is called display control in this embodiment. If there are a plurality of connectable printers, a display screen for displaying printer names and prompting the user to select a printer for printing is generated (display contents are controlled). Note that a printer selection method is not limited to this, and a method of selecting a printer which responds earliest, a method of selecting a printer having more functions, a method of selecting a printer with not so many print jobs, or the like may be used.

As described above, in the script layer 217, the CPU 100 displays the setting screen 1301 (FIG. 13) for prompting the user to select functions usable by the printer, such as the type and size of printing paper, the print quality, and bordered/borderless. As an example of a method of forming a setting screen, a sample of an HTML description is given by:

<!DOCTYPE html>  <head>  <title>print setting</title>  <script>   <!-- paper size -->   var PaperSizeNum = GetPaperSizeNum( );   var p = document.getElementById(“PaperList”);   var i;   for(i=0; i<PaperSizeNum; i++){    p.options[i] = new Option(GetPaperSize(i), GetPaperSize(i));   }   <!-- paper type -->   var MediaTypeNum = GetMediaTypeNum( );   var m = document.getElementById(“MediaList”);   var j;   for(j=0; j<MediaTypeNum; j++){    m.options[i] = new Option(GetMediaType(j), GetMediaType(j));   }   <!-- print quality -->   var QualityNum = GetQualityNum( );   var q = document.getElementById(“QualityList”);   var k;   for(k=0; k< QualityNum; k++){    q.options[i] = new Option(GetQuality(k), GetQuality(k));   }   <!-- bordered/borderless -->   var BorderNum = GetBorderNum( );   var b = document.getElementById(“BorderList”);   var l;   for(l=0; l<BorderNum; l++){    b.options[i] = new Option(GetBorder(l), GetBorder(l));   }   <!-- print function -->   function printer( ) {  SetPrint(document.getElementById(“PaperList”).value,    document.getElementById(“MediaList”).value,    document.getElementById(“QualityList”).value,    document.getElementById(“BorderList”).value);   }  </script>  </head>   <!-- display portion -->   <body>   paper size <select id=“PaperList”></select><br/>   paper type <select id=“MediaList”></select><br/>   print quality <select id=“QualityList”></select><br/>   bordered/borderless <select id=“BorderList”></select><br/>   <br/>  <button id=“btn1” onclick=“printer( )”>setting completion</button>  </body> </html>

In the above sample, GetPaperSizeNum( ), GetMediaTypeNum( ), GetQualityNum( ), and GetBorderNum( ) are native functions, and each native function has a function of acquiring an item count. For example, paper sizes supported by the printer are A4, A5, B5, and L size, GetPaperSizeNum( ) returns 4.

Also, GetPaperSize(n), GetMediaType(n), GetQuality(n), and GetBorder(n) are native functions, and each function returns the nth character string. For example, the return value of GetPaperSize(0) as a function of returning text of the paper size is “A4”, and the return value of GetPaperSize(1) is “A5”. These values are extracted by the native function from the printer information received from the printer.

Note that as an example, the paper size, paper type, print quality, and bordered/borderless settings are made. The present invention, however, is not limited to this. As another example, other setting items such as double-sided/single-sided, color/monochrome, and ON/OFF of image correction are set. Furthermore, not only the print function but also information about image processing and analysis processing processable by the printer, the presence/absence of a silent mode, the presence/absence of the use of a memory card, and a status such as the remaining ink amount may be displayed.

In step S808, in the script layer 217, the CPU 100 selects a function to be set in the printer based on a user operation on the setting screen 1301. The setting screen 1301 shown in FIG. 13 is an example in which the HTML description of the above example is rendered using the rendering portion 216, and displayed on the display 104. The printer information is requested via the native layer 218, thereby forming the setting screen 1301 based on the information acquired from the printer information by using the above native function.

Note that the HTML description has been explained to be formed in the script layer 217. However, the present invention is not limited to this. For example, an HTML description may be formed in the native layer 218, rendered in the script layer 217, and displayed on the display 104.

Furthermore, each setting item such as the paper size of the setting screen 1301 is provided as a pull-down menu, and can be selected by a user operation. The setting screen 1301 indicates a state in which a list of selectable items is displayed as a setting item of a paper size by a pull-down menu, and a paper size such as A4 or A5 can be selected by a user operation.

In step S809, in the script layer 217, upon detecting a user operation on the setting completion button 1302, the CPU 100 creates setting information including a setting item selected by the user operation and transmits the setting information to the native layer 218. In the above example of the HTML description, SetPrint( ) is also a native function having the binding function. In the above example, SetPrint( ) is used to transfer the paper size, paper type, print quality, and bordered/borderless settings as a character string to the native layer 218.

In step S810, in the native layer 218, the CPU 100 receives the setting information from the script layer 217 by the binding function. In the native layer 218, a print command is generated based on the received setting information according to the communication protocol of the printer 112, and transmitted to the printer 112 via the printer communication portion 213.

As described above, in response to the request from the script layer 217, the CPU 100 performs communication control to acquire the information from the printer 112 via the native layer 218. This enables the CPU 100 to acquire the performance of the printer 112 and control the UI displayed in the script layer 217.

<Details of Rendering Processing>

Details of the rendering processing in step S27 of FIG. 3 will be described with reference to FIG. 10.

In step S901, in the script layer 217, the CPU 100 requests the OS layer 219 to activate an indicator.

In step S902, in the OS layer 219, the CPU 100 displays, on the display 104, the indicator activated by the request.

In step S903, in the script layer 217, the CPU 100 decides an output size corresponding to the paper size set in the setting information generated in step S809, and calculates an output image drawing area.

In step S904, in the OS layer 219, the CPU 100 reserves the calculated output image drawing area in the RAM 102.

In step S905, in the script layer 217, the CPU 100 requests the OS layer 219 to draw a photo image.

In step S906, in the OS layer 219, the CPU 100 interprets the script of the request to draw the photo image, and renders the photo image. After that, in step S907, the CPU 100 reflects the rendered photo image on the drawing area reserved in step S904. The reflecting operation is equivalent to not displaying an image on the display 104 but making a change to the drawing area.

In step S908, in the script layer 217, the CPU 100 describes and sets, in a script, a change in rendering conditions by an object parameter before requesting to draw a stamp image. In step S909, in the script layer 217, the CPU 100 requests the OS layer 219 to draw the stamp image.

In step S910, in the OS layer 219, the CPU 100 renders the stamp image under the rendering conditions. That is, rotation processing or resizing of the image is executed in the OS layer. After the end of rendering, the rendered stamp image is reflected, in step S911, on the drawing area reserved in step S904.

In step S912, in the script layer 217, the CPU 100 requests the OS layer 219 to acquire output image data.

In step S913, in the OS layer 219, the CPU 100 transforms the image data existing in the drawing area into base64 data, and transmits the base64 data to the script layer 217.

In step S914, in the script layer 217, the CPU 100 transmits the base64 data received from the OS layer 219 to the native layer 218, and requests the native layer 218 to print the data.

In step S915, in the native layer 218, the CPU 100 decodes the base64 data received from the script layer 217. In step S916, in the native layer 218, the CPU 100 transforms the base64 data into an RGB image. In step S917, in the native layer 218, the CPU 100 requests the OS layer 219 to stop the indicator.

In step S918, in the OS layer 219, the CPU 100 stops the indicator, and removes the indicator displayed on the display 104.

<Details of Print Processing>

Details of the print processing in step S28 of FIG. 3 will be described with reference to FIG. 11.

In step S1001, in the native layer 218, the CPU 100 transforms the RGB image transformed in step S916 into a format usable by the printer 112 based on the setting information created in step S809. The format usable by the printer is image data in a printer vender-specific format such as RGB, JPEG, CMYK, or PDF. In step S1002, in the native layer 218, the CPU 100 generates a command to be transmitted to the printer 112 based on the setting information and the image transformed in step S1001. In step S1003, in the native layer 218, the CPU 100 uses the printer communication portion 213 to transmit the command generated in step S1002 to the printer 112 corresponding to the IP address stored in step S803 in accordance with the communication protocol usable by the printer.

In step S1004, the printer 112 executes printing according to the command received from the information processing apparatus 115.

As described above, according to this embodiment, image data can be exchanged between the script layer and the native layer. Many OSs normally include a function capable of interpreting JavaScript. This can provide an application to the users of many OSs by developing it once without considering a difference in native language. In addition, it is possible to use the native layer advantageous in terms of the execution speed, thereby improving the usability. Also, the native layer can be implemented without communicating with an external server, thereby allowing an offline operation.

Second Embodiment

In the first embodiment, when there are a single-function printer and a multi-function printer as image processing groups, the UI display of image processing functions is controlled according to the group. The present invention, however, is not limited to this.

For example, there may be a professional printer for high-end users, a consumer printer for general users, and a business printer for business users as image processing groups.

If the image processing group is the consumer printer, a function selection screen 1700 including a print button 1701, a scan button 1702, and a pull-down menu 1703 is displayed, as shown in FIG. 17.

If the image processing group is the professional printer, a function selection screen 1800 including a print button 1801, a scan button 1802, and a pull-down menu 1803 is displayed, as shown in FIG. 18. In the pull-down menu 1803, “WarmMono” of transforming an image from neutral gray into reddish gray is provided as a function different from that of the consumer printer. In the pull-down menu 1803, “ColdMono” of transforming an image from neutral gray into bluish gray is also provided. As described above, for the professional printer, detailed image processing functions which are not displayed for the consumer printer are displayed. This makes it possible to select a function, which is lowly demanded by the general users but highly demanded by the high-end users, with respect to the professional printer.

If the image processing group is the business printer, a function selection screen 1900 including a print button 1901, a scan button 1902, a copy button 1903, and a pull-down menu 1904 is displayed, as shown in FIG. 19. As functions different from those of the consumer printer and professional printer, there are “Edge” of emphasizing edges such as characters, and “Graphic” of enhancing the vividness of color of a figure, graph, or the like.

As described above, for the business printer, it is possible to select an image processing function for solving a problem specific to a business document for which the consumer printer or professional printer has no use purpose.

In the consumer printer, professional printer, and business printer, UIs for displaying functions such as print and scan functions may be identical to each other or different from each other.

As described above, according to this embodiment, it is possible to suppress display of image processing unnecessary for the user, and prevent necessary image processing from missing, thereby more appropriately presenting, to the user, the image processing functions meeting the needs of the user.

Third Embodiment

As image processing groups except for those in the first and second embodiments, there may be a multi-purpose printer for performing a plurality of image processes at the time of executing each function such as a scan or copy function including printing, and a single-purpose printer for performing only one simple image processing at the time of executing each function. The single-purpose printer strictly limits functions which can be implemented by the printer main body but the user need not make various settings, thereby providing better usability.

If the image processing group is the multi-purpose printer, a function selection screen 2000 including a print button 2001, a scan button 2002, a copy button 2003, and a pull-down menu 2004 is displayed, as shown in FIG. 20. As new image processing functions which are not displayed for the above remaining image processing groups, “DigitalLens” and “AutoLayout” exist in the pull-down menu 2004. The function “DigitalLens” is a function of performing a transform by applying the optical characteristic of a lens to an image in a pseudo manner (see Japanese Patent Laid-Open No. 2013-26938). The function “AutoLayout” is a function (automatic layout function) of automatically performing layout processing according to an output paper size when a plurality of images are selected or printing of a Web site is designated (see Japanese Patent Laid-Open No. 2014-16825).

On the other hand, if the image processing group is the single-purpose printer, a function selection screen 2100 including a print button 2101, a scan button 2102, a copy button 2103, and a pull-down menu 2104 is displayed, as shown in FIG. 21. In the pull-down menu 2104, only “ImageFix” of automatically correcting a photo image is displayed as a selectable function. That is, although a plurality of functions are displayed as selectable image processing functions for the multi-purpose printer, functions except for the minimum function (“ImageFix” in this example) are not displayed for the single-purpose printer.

This allows the user having the limited use purpose to readily select a target image processing function. A function other than “ImageFix” may be displayed as a selectable image processing function. For example, if it is assumed that the frequency of printing of a document is higher than that of printing of a photo, “Edge” of performing edge enhancement of characters may be displayed instead of “ImageFix”.

As described above, according to this embodiment, the single-purpose printer does not require detailed settings, unlike the multi-purpose printer. It is, therefore, possible to provide a simple UI to the user who wants to readily use the printer.

Fourth Embodiment

A case in which the image processing groups described in each of the aforementioned embodiments are held in advance in the printer main body has been explained. The present invention, however, is not limited to this. For example, data of image processing groups may be saved in a server 114 shown in FIG. 1. The data of the image processing groups can be acquired using the standard communication function of the Internet upon activation of an application, or the data of the image processing groups can be included in advance in an application.

In each of the aforementioned embodiments, the arrangement of controlling the script of the UI of the image processing functions with respect to each of the function, genre, and use purpose of a printer has been explained. The present invention, however, is not limited to this. For example, the script of the UI of the image processing functions can be controlled using information obtained by combining some of the function, genre, and use purpose.

In each of the aforementioned embodiments, the script of the UI of the image processing functions is controlled according to the “type” of the printer such as a single-function printer or multi-function printer. The present invention, however, is not limited to this. For example, the script of the UI of the usable image processing functions may be controlled according to the “model name” of the printer instead of the “type” of the printer. In this case, it is possible to make more detailed settings of the image processing functions different for each model, thereby improving the usability.

In each of the aforementioned embodiments, the script of the UI of the image processing functions is controlled according to the “type” of the printer connected to the information processing apparatus. However, it is possible to control the script of the UI of the appropriate image processing functions for each user by adding another information as a determination condition. For example, the other information is “attribute information of a terminal apparatus” such as the “performance” and “status” of the terminal apparatus. For example, depending on the number of clocks of the CPU of the terminal apparatus, the speed of complex image processing may decrease, thereby degrading the usability. Even for an image processing function supported by the printer, it is possible to control to prohibit display of the image processing function which imposes a heavy load when the number of clocks of the CPU is small, thereby providing a UI with higher usability. Although the number of clocks of the CPU has been exemplified as the “attribute information of the terminal apparatus”, the following data may be possible. An example in which the prohibition of display of a complex image processing function on the UI can be controlled by a numerical value is listed in parentheses together with an item of the “attribute information of the terminal apparatus”.

Information about performance of terminal apparatus

-   -   Number of clocks of CPU (small)     -   Number of cores of CPU (small)     -   Type of core of CPU (slow)     -   Memory capacity (small)     -   Battery capacity (low)     -   Type of mounted voice communication function Information about         status of terminal apparatus     -   Battery level (low)     -   Charging status (non-charging status)     -   Connection status to public network     -   Whether another program is operating (presence)

It is possible to finely control the UI of the image processing functions based on the above “attribute information (performance/status) of the terminal apparatus” and the “attribute information of the printer”, thereby providing an image processing environment with higher usability. By combining not all but at least some of the “attribute information of the terminal apparatus” with the “attribute information of the printer”, the usability is improved.

For example, if the function of the printer is acquired as the attribute information of the printer, the processing load of image processing executed by the terminal apparatus according to the function may be heavy. At this time, for example, if the processing performance of the information processing apparatus 115 indicated by the attribute information of the terminal apparatus is low or another program is operating, this image processing may be inappropriate. In this case, the UI is controlled to prevent the user from selecting the image processing. The present invention is not limited to the above combination, and the “attribute information of the terminal apparatus” may be used to perform display control without using the “attribute information of the printer”.

Note that as a method of controlling the UI, for example, the UI is controlled so as not to select the image processing. Alternatively, although the image processing is selectably displayed, a warning document or a display item such as a warning mark may be displayed to warn the user that the processing load may be heavy to significantly slow down the operation. The display item or warning document may be displayed before the user selects the image processing or displayed in response to a selection operation by the user.

The performance or status of an information processing apparatus 115 is acquired as the “attribute information of the terminal apparatus” when the user instructs to start selection of an image processing function. The performance of the information processing apparatus 115 may be acquired in advance before the instruction. However, as for the “status”, newer information allows more appropriate display control. Therefore, the status of the information processing apparatus 115 is acquired at the start of selection of an image processing function. For example, the status is acquired between steps S805 and S806 shown in FIG. 9.

In each of the aforementioned embodiments, the UI of the image processing functions of the printer is controlled. The present invention, however, is not limited to this. For example, the UI of functions other than the image processing functions of an external device to be used can be controlled in accordance with device information of the external device.

Fifth Embodiment

In each of the aforementioned embodiments, a case in which a hybrid application is operated on a portable information terminal as the information processing apparatus 115 has been exemplified. The present invention, however, is not limited to this. For example, as an environment in which the hybrid application operates, in addition to information terminals represented by a smartphone and table PC, other electronic apparatuses such as a PC, server, game machine, and digital camera are possible.

In addition, in each of the aforementioned embodiments, the printer has been exemplified as an external device. The present invention, however, is not limited to this. For example, another electronic apparatus capable of providing information about itself, such as another smartphone, tablet PC, PC, server, game machine, or scanner, may be used as an external device. For example, it is possible to acquire, from the script layer, information about the electronic apparatus such as the function of the electronic apparatus like the battery level, communication status, wireless LAN connection presence/absence, GPS, temperature, humidity, and acceleration of another portable information terminal.

Examples of an external device are an electric appliance and car. For example, it is possible to acquire information of an electronic apparatus such as an external refrigerator, washing machine, air conditioner, lighting, vacuum cleaner, or thermo pot from the script layer on the portable information terminal, and adjust ON/OFF and output of the function of the electronic apparatus.

Furthermore, in each of the aforementioned embodiments, as a method of drawing contents (a photo image or stamp image), the canvas function of JavaScript has been exemplified. A method of drawing contents is not limited to this. For example, it is possible to draw contents using SVG (Scalable Vector Graphics).

In addition, as the printer according to each of the aforementioned embodiments, an inkjet printer, a laser printer, a dye-sublimation printer, a dot impact printer, or the like can be used. These printers may be so-called multi-function peripherals having not a single function but the printer function, the scanner function, and the like.

Embodiment(s) of the present invention can also be realized by a computer of a system or apparatus that reads out and executes computer executable instructions (e.g., one or more programs) recorded on a storage medium (which may also be referred to more fully as a ‘non-transitory computer-readable storage medium’) to perform the functions of one or more of the above-described embodiment(s) and/or that includes one or more circuits (e.g., application specific integrated circuit (ASIC)) for performing the functions of one or more of the above-described embodiment(s), and by a method performed by the computer of the system or apparatus by, for example, reading out and executing the computer executable instructions from the storage medium to perform the functions of one or more of the above-described embodiment(s) and/or controlling the one or more circuits to perform the functions of one or more of the above-described embodiment(s). The computer may comprise one or more processors (e.g., central processing unit (CPU), micro processing unit (MPU)) and may include a network of separate computers or separate processors to read out and execute the computer executable instructions. The computer executable instructions may be provided to the computer, for example, from a network or the storage medium. The storage medium may include, for example, one or more of a hard disk, a random-access memory (RAM), a read only memory (ROM), a storage of distributed computing systems, an optical disk (such as a compact disc (CD), digital versatile disc (DVD), or Blu-ray Disc (BD)™), a flash memory device, a memory card, and the like.

While the present invention has been described with reference to exemplary embodiments, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. The scope of the following claims is to be accorded the broadest interpretation so as to encompass all such modifications and equivalent structures and functions.

This application claims the benefit of Japanese Patent Application No. 2014-122751 filed Jun. 13, 2014, which is hereby incorporated by reference herein in its entirety. 

What is claimed is:
 1. An apparatus comprising: a storage unit configured to store a program including a first program layer with an instruction set to be interpreted and executed by a processor and a second program layer with an instruction set compiled in advance by another apparatus other than the processor; a communication control unit configured to control to perform communication between an external device and the first program layer of the program stored in said storage unit via the second program layer of the program; and a display control unit configured to control display contents of a display screen for using a function of the external device, which are displayed in the first program layer, based on information about the external device received from the external device via communication by said communication control unit.
 2. The apparatus according to claim 1, wherein said display control unit controls the display contents in the second program layer.
 3. The apparatus according to claim 2, wherein in the second program layer, said display control unit controls the display contents by transforming the information about the external device into data in a format interpretable in the first program layer, and transmitting the data to the first program layer.
 4. The apparatus according to claim 1, wherein said display control unit controls the display contents based on the information about the external device and attribute information of said apparatus.
 5. The apparatus according to claim 4, wherein the attribute information of said apparatus includes at least one of a status and performance of said apparatus.
 6. The apparatus according to claim 1, wherein based on information about a selected external device among external devices communicable with said communication control unit, said display control unit controls display contents of a display screen for using a function of the selected external device.
 7. The apparatus according to claim 1, further comprising: in the first program layer, a detection unit configured to detect the external devices connectable via said communication control unit; a selection unit configured to select, based on a user operation, an external device to be used for image processing of an image to be processed from the external devices detected by said detection unit; and an acquisition unit configured to acquire information about the external device selected by said selection unit, wherein said display control unit controls the display contents of the display screen including an image processing function usable for the image to be processed, based on the information about the external device acquired by said acquisition unit.
 8. The apparatus according to claim 1, wherein the first program layer is described in a Web standard language.
 9. The apparatus according to claim 1, wherein said display control unit acquires the information about the external device from the external device via said communication control unit, and controls the display contents of the display screen for using the function of the external device in the first program layer based on the acquired information about the external device.
 10. The apparatus according to claim 1, wherein based on at least one of the function of the external device, a type of the external device, a model of the external device, and a use purpose of the external device as the information about the external device, said display control unit controls the display contents of the display screen including a function usable for the image to be processed.
 11. The apparatus according to claim 1, wherein the function is an image processing function, and includes at least one of a human face detection function, a red eye detection function, an automatic layout function, a monochromatic processing function, and a sepia processing function.
 12. The apparatus according to claim 1, wherein the information about the external device is held in at least one of the external device, an external device connected to said apparatus via a network, and the second program layer.
 13. The apparatus according to claim 1, further comprising: a request unit configured to request communication with an external device from the first program layer; and an acquisition unit configured to acquire the request from said request unit in the second program layer, wherein in response to the request acquired by said acquisition unit, said communication control unit performs communication between the first program layer and the external device via the second program layer.
 14. The apparatus according to claim 13, wherein said communication control unit receives, in the first program layer, a response to the first program layer from the external device via the second program layer.
 15. The apparatus according to claim 1, wherein the external device is a printing apparatus which can provide information about the external device and prints an image.
 16. A method comprising: a communication control step of controlling, in a program including a first program layer with an instruction set to be interpreted and executed by a processor and a second program layer with an instruction set compiled in advance by another apparatus other than the processor, to perform communication between an external device and the first program layer of the program via the second program layer of the program; and a display control step of controlling display contents of a display screen for using a function of the external device, which are displayed in the first program layer, based on information about the external device received from the external device via communication in the communication control step.
 17. A non-transitory computer-readable storage medium storing a program for causing a computer to execute each step of a method defined in claim
 16. 